<template>
  <v-rect
    :config="{
      x: padding,
      y: padding,
      width: width - padding * 2,
      height: height - padding * 2,
      fill,
      id,
      name,
    }"
  />
</template>

<script>
export default {
  name: 'Glass',
  props: {
    padding: {
      type: Number,
      default: 0,
    },
    width: {
      type: Number,
      default: 0,
    },
    height: {
      type: Number,
      default: 0,
    },
    fill: {
      type: String,
      default: 'lightblue',
    },
    id: {
      type: String,
      default: 'default-id',
    },
    name: {
      type: String,
      default: 'Glass',
    },
  },
}
</script>
